<!DOCTYPE html>
<html>
  <head>
    <title>PETSc Solver Selection</title>
    <script src="https://www.mcs.anl.gov/research/projects/saws/js/jquery-1.9.1.js"></script>
    <!-- <link href="https://www.mcs.anl.gov/research/projects/saws/js/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
    <script src="https://www.mcs.anl.gov/research/projects/saws/js/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
    <script src="https://www.mcs.anl.gov/research/projects/saws/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script> -->
    <script src="js/matrixTex.js"></script>
    <script src="js/main.js"></script>
    <!-- <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> -->
    <script src="js/tree.js"></script>
    <script src="js/populateLists.js"></script>
    <script src="js/listLogic.js"></script>
    <script src="js/getCmdOptions.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/events.js"></script>
    <script src="js/defaults.js"></script>
    <script src="js/boxTree.js"></script>
    <script src="js/treeInterface.js"></script>
    <script src="https://www.mcs.anl.gov/research/projects/saws/js/SAWs.js"></script>
    <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <style type="text/css">

      body
      {
      background-color: #E8E8E8;
      }

      nav a {text-decoration:none;color:#344873;font-family: Georgia, serif;}
    </style>
  </head>

  <body>
    <header style="background-color:#000033;color:#FFFFFF; padding:5px;text-align:left;">
      <h1> PETSc Linear Solver Selection </h1>
    </header>

    <!-- overflow:hidden makes sure div expands with floated items as well -->
    <div id="outside" style="overflow: hidden;background-color:#90C7E3;padding:5px;" >
      <div id="tree" align="center"></div>
    </div> <!-- end div outside -->

    <!--min-width allows for expandable div but with a minimum width -->

    <div id="results" style="min-width:1000px;float:left;margin:10px;font-size:14px;">
      <h3>Your Solver Options: </h3>
    </div> <!-- endof div id="results" this div is used to contain the dropdown menus-->

  </body>
</html>
